<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>easytrip</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../css/font.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/easytrip-header.css">
    <link rel="stylesheet" href="../lib/layui/css/layui.css">
    <link rel="stylesheet" href="../css/easytrip-settlement-paid.css">
    <link rel="shortcut icon" href="../favicon.ico" />
</head>
<body>
<div id="public-style">
</div>
<!--结算弹框-->
<div class="easytrip-paid-window">
        <div class="paid-window-header">
            我要结算
        </div>
    <div class="paid-window-content">
        <form  class="layui-form"  action="">
            <div class="layui-form-item">
                <label class="layui-form-label">供应商:</label>
                <div class="layui-input-inline">
                    <div class="layui-input-text">上海文化酒店</div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">订单数:</label>
                <div class="layui-input-inline">
                    <div class="layui-input-text">18笔</div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">结算总金额:</label>
                <div class="layui-input-inline">
                    <div class="layui-input-text"><span class="roomstyle-price">288865.00</span>元</div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">银行流水:</label>
                <div class="layui-input-inline">
                    <input type="text" name="username" lay-verify="required" placeholder="请输入银行流水" autocomplete="off" class="layui-input">
                    <s class="roomstyle-price">*</s>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">收款方式:</label>
                <div class="layui-input-inline">
                    <select name="payway">
                        <option value="">请选择收款方式</option>
                        <option value="1">支付宝</option>
                        <option value="2">微信</option>
                        <option value="3">银行卡</option>
                    </select>
                    <s class="roomstyle-price">*</s>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">银行账号:</label>
                <div class="layui-input-inline">
                    <select name="payway">
                        <option value="">请选择账户</option>
                        <option value="1">中国银行</option>
                        <option value="2">农业银行</option>
                        <option value="3">工商银行</option>
                        <option value="3">招商银行</option>
                    </select>
                    <s class="roomstyle-price">*</s>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">日期选择:</label>
                    <div class="layui-input-inline">
                        <input type="text" name="date" id="paid-window-date" autocomplete="off" class="layui-input" placeholder="请选择时间">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">收款金额:</label>
                <div class="layui-input-inline">
                    <input type="text" name="username" lay-verify="required" placeholder="请输入收款金额" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">备注:</label>
                <div class="layui-input-inline">
                    <textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="content w clearfix">
    <div id="public-side"></div>
<div class="easytrip-paid">
    <div class="easytrip-paid-content">
        <!--高级搜索弹框-->
        <div class="hysearchfrom">
            <p>高级搜索</p>
            <form class="layui-form" action="">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <input type="radio" name="time" value="按下单时间:" title="按下单时间:" checked="">
                        <div class="layui-input-inline" style="width: 150px;">
                            <input type="text" name="date" id="date1" autocomplete="off" class="layui-input" placeholder="请选择时间段">
                        </div>
                        <div class="layui-form-mid">-</div>
                        <div class="layui-input-inline" style="width: 150px;">
                            <input type="text" name="date" id="date2" autocomplete="off" class="layui-input" placeholder="请选择时间段">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item" >
                    <div class="layui-inline">
                        <input type="radio" name="time" value="按最晚结算时间:" title="按最晚结算时间:">
                        <div class="layui-input-inline" style="width: 150px;">
                            <input type="text" name="date" id="date3" autocomplete="off" class="layui-input" placeholder="请选择时间段">
                        </div>
                        <div class="layui-form-mid">-</div>
                        <div class="layui-input-inline" style="width: 150px;">
                            <input type="text" name="date" id="date4" autocomplete="off" class="layui-input" placeholder="请选择时间段">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item ">
                    <label class="layui-form-label">酒店名称:</label>
                    <div class="layui-input-inline">
                        <input type="text" name="number" autocomplete="off" class="layui-input" placeholder="请输入酒店名称">
                    </div>
                </div>
                <div class="layui-form-item clearfix">
                    <label class="layui-form-label">房型:</label>
                    <div class="layui-input-inline">
                        <input type="text" name="number" autocomplete="off" class="layui-input" placeholder="请输入房型名称">
                    </div>
                </div>
                <div class="layui-form-item ">
                    <label class="layui-form-label">所属销售员:</label>
                    <div class="layui-input-inline">
                        <select name="saleman">
                            <option value="">全部</option>
                            <option value="Annie">Annie</option>
                            <option value="Rossi">Rossi</option>
                            <option value="Shelly">Shelly</option>
                            <option value="Bella">Bella</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">订单编号:</label>
                    <div class="layui-input-inline">
                        <input type="text" name="number" autocomplete="off" class="layui-input" placeholder="请输入订单编号">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">客户名称:</label>
                    <div class="layui-input-inline">
                        <select name="channel">
                            <option value="">全部</option>
                            <option value="携程">携程</option>
                            <option value="嘉兴">飞猪</option>
                            <option value="去哪儿">去哪儿</option>
                            <option value="同城">同城</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">结算状态:</label>
                    <div class="layui-input-inline">
                        <select name="state">
                            <option value="">全部</option>
                            <option value="已结算">已结算</option>
                            <option value="未结算">未结算</option>
                            <option value="已退款">已退款</option>
                        </select>
                    </div>
                </div>

                <div class="layui-form-item bottom-btn">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                        <div id="cancel-btn">取消</div>
                        <button type="reset" class="layui-btn layui-btn-primary">清空条件</button>
                    </div>
                </div>
            </form>
        </div>
        <!--头部搜索（引用的产品中心的这个部分）-->
        <div class="easytrip-productheader">
            <span class="hotelname">酒店名称：</span>
            <input type="text" placeholder="请输入酒店名称/国家/省份/城市">
            <!--<i class="iconfont">&#xe601;</i>-->
            <i class="iconfont">&#xe668;</i>
            <span class="hysearch">高级搜索</span>
            <div class="button2">
                导出报表
            </div>
        </div>
        <div class="paid-number">
            <div class="button3">批量结算</div>
            <div class="paid-total"><span>应收总计:</span><span class="paid-number-price">20000</span></div>
            <div class="paid-gain"><span>已收款:</span><span class="roomstyle-price1 paid-number-price">20000</span></div>
            <div class="paid-paid"><span>已付款:</span><span class="roomstyle-price paid-number-price">20000</span></div>
        </div>
        <!--<table id="reconciliation-form"></table>-->
        <div class="layui-form">
            <table class="layui-table" lay-skin="line" lay-size="lg">
                <colgroup>
                    <col width="50">
                    <col width="200">
                    <col width="200">
                    <col width="140">
                    <col width="170">
                    <col width="170">
                    <col width="160">
                    <col width="160">
                    <col width="160">
                    <col width="160">
                    <col width="120">
                </colgroup>
                <thead>
                <tr>
                    <th><input type="checkbox" name="" lay-skin="primary" lay-filter="allChoose"></th>
                    <th>订单号/创建时间</th>
                    <th>酒店名称/房型</th>
                    <th>销售员</th>
                    <th>下单时间</th>
                    <th>结算时间</th>
                    <th>应收</th>
                    <th>已收</th>
                    <th>未收</th>
                    <th>结算状态</th>
                    <th>结算状态</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td><input type="checkbox" name="" lay-skin="primary"></td>
                    <td>
                        <div class="double-line">
                            <span class="">449117555</span>
                            <span class="">2017-12-20    12:20:26</span>
                        </div>
                    </td>
                    <td>
                        <div class="double-line">
                            <span class="">江山帝景华天商务酒店</span>
                            <span class="">豪华双人房</span>
                        </div>
                    </td>
                    <td><div class="single-line">李易峰</div></td>
                    <td><div class="double-line">
                        <span class="">2017-10-21</span>
                        <span class="">20:56</span>
                    </div>
                    </td>
                    <td><div class="double-line">
                        <span class="">2017-10-21</span>
                        <span class="">20:56</span>
                    </div>
                    </td>
                    <td><div class="single-line">20000</div></td>
                    <td><div class="single-line roomstyle-price1">20000</div></td>
                    <td><div class="single-line roomstyle-price1">20000</div></td>
                    <td><div class="single-line roomstyle-price">未结算</div></td>
                    <td>
                        <div class="single-line">
                        <a class="settlement-btn">
                            <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal">结算</button>
                        </a>
                            <a class="settlement-btn1">
                                <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal">明细</button>
                            </a>
                    </div>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="" lay-skin="primary"></td>
                    <td>
                        <div class="double-line">
                            <span class="">449117555</span>
                            <span class="">2017-12-20    12:20:26</span>
                        </div>
                    </td>
                    <td>
                        <div class="double-line">
                            <span class="">江山帝景华天商务酒店</span>
                            <span class="">豪华双人房</span>
                        </div>
                    </td>
                    <td><div class="single-line">李易峰</div></td>
                    <td><div class="double-line">
                        <span class="">2017-10-21</span>
                        <span class="">20:56</span>
                    </div>
                    </td>
                    <td><div class="double-line">
                        <span class="">2017-10-21</span>
                        <span class="">20:56</span>
                    </div>
                    </td>
                    <td><div class="single-line">20000</div></td>
                    <td><div class="single-line roomstyle-price1">20000</div></td>
                    <td><div class="single-line roomstyle-price1">20000</div></td>
                    <td><div class="single-line roomstyle-price">未结算</div></td>
                    <td><div class="single-line">
                        <a class="settlement-btn">
                            <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal">结算</button>
                        </a>
                        <a class="settlement-btn1">
                            <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal">明细</button>
                        </a>
                    </div>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="" lay-skin="primary"></td>
                    <td>
                        <div class="double-line">
                            <span class="">449117555</span>
                            <span class="">2017-12-20    12:20:26</span>
                        </div>
                    </td>
                    <td>
                        <div class="double-line">
                            <span class="">江山帝景华天商务酒店</span>
                            <span class="">豪华双人房</span>
                        </div>
                    </td>
                    <td><div class="single-line">李易峰</div></td>
                    <td><div class="double-line">
                        <span class="">2017-10-21</span>
                        <span class="">20:56</span>
                    </div>
                    </td>
                    <td><div class="double-line">
                        <span class="">2017-10-21</span>
                        <span class="">20:56</span>
                    </div>
                    </td>
                    <td><div class="single-line">20000</div></td>
                    <td><div class="single-line roomstyle-price1">20000</div></td>
                    <td><div class="single-line roomstyle-price1">20000</div></td>
                    <td><div class="single-line roomstyle-price">未结算</div></td>
                    <td><div class="single-line">
                        <a class="settlement-btn">
                            <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal">结算</button>
                        </a>
                        <a class="settlement-btn1">
                            <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal">明细</button>
                        </a>
                    </div>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="" lay-skin="primary"></td>
                    <td>
                        <div class="double-line">
                            <span class="">449117555</span>
                            <span class="">2017-12-20    12:20:26</span>
                        </div>
                    </td>
                    <td>
                        <div class="double-line">
                            <span class="">江山帝景华天商务酒店</span>
                            <span class="">豪华双人房</span>
                        </div>
                    </td>
                    <td><div class="single-line">李易峰</div></td>
                    <td><div class="double-line">
                        <span class="">2017-10-21</span>
                        <span class="">20:56</span>
                    </div>
                    </td>
                    <td><div class="double-line">
                        <span class="">2017-10-21</span>
                        <span class="">20:56</span>
                    </div>
                    </td>
                    <td><div class="single-line">20000</div></td>
                    <td><div class="single-line roomstyle-price1">20000</div></td>
                    <td><div class="single-line roomstyle-price1">20000</div></td>
                    <td><div class="single-line roomstyle-price">未结算</div></td>
                    <td><div class="single-line">
                        <a class="settlement-btn">
                            <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal">结算</button>
                        </a>
                        <a class="settlement-btn1">
                            <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal">明细</button>
                        </a>
                    </div>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="" lay-skin="primary"></td>
                    <td>
                        <div class="double-line">
                            <span class="">449117555</span>
                            <span class="">2017-12-20    12:20:26</span>
                        </div>
                    </td>
                    <td>
                        <div class="double-line">
                            <span class="">江山帝景华天商务酒店</span>
                            <span class="">豪华双人房</span>
                        </div>
                    </td>
                    <td><div class="single-line">李易峰</div></td>
                    <td><div class="double-line">
                        <span class="">2017-10-21</span>
                        <span class="">20:56</span>
                    </div>
                    </td>
                    <td><div class="double-line">
                        <span class="">2017-10-21</span>
                        <span class="">20:56</span>
                    </div>
                    </td>
                    <td><div class="single-line">20000</div></td>
                    <td><div class="single-line roomstyle-price1">20000</div></td>
                    <td><div class="single-line roomstyle-price1">20000</div></td>
                    <td><div class="single-line roomstyle-price">未结算</div></td>
                    <td><div class="single-line">
                        <a class="settlement-btn">
                            <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal">结算</button>
                        </a>
                        <a class="settlement-btn1">
                            <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal">明细</button>
                        </a>
                    </div>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="" lay-skin="primary"></td>
                    <td>
                        <div class="double-line">
                            <span class="">449117555</span>
                            <span class="">2017-12-20    12:20:26</span>
                        </div>
                    </td>
                    <td>
                        <div class="double-line">
                            <span class="">江山帝景华天商务酒店</span>
                            <span class="">豪华双人房</span>
                        </div>
                    </td>
                    <td><div class="single-line">李易峰</div></td>
                    <td><div class="double-line">
                        <span class="">2017-10-21</span>
                        <span class="">20:56</span>
                    </div>
                    </td>
                    <td><div class="double-line">
                        <span class="">2017-10-21</span>
                        <span class="">20:56</span>
                    </div>
                    </td>
                    <td><div class="single-line">20000</div></td>
                    <td><div class="single-line roomstyle-price1">20000</div></td>
                    <td><div class="single-line roomstyle-price1">20000</div></td>
                    <td><div class="single-line roomstyle-price">未结算</div></td>
                    <td><div class="single-line">
                        <a class="settlement-btn">
                            <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal">结算</button>
                        </a>
                        <a class="settlement-btn1">
                            <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal">明细</button>
                        </a>
                    </div>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <div id="paid-paging"></div>
    </div>
    <div class="easytrip-footer">
        copyright by 湖南易旅科技有限公司 2017
    </div>
</div>
</div>
<script type="text/javascript" src="../lib/jquery.min.js"></script>
<script src="../lib/layui/layui.js"></script>
<script src="../js/base.js"></script>
<script src="../js/easytrip-settlement-paid.js"></script>
</body>
</html>